<template>
  <view class="container">
    <div class="page-top">
    </div>
    <div class="gybody">
      <div class="denglu1">
        <ul class="denglu_bd hzly">
          <li class="input">
            <van-field placeholder="请输入账号名/手机号" :value="userInfo.username" maxlength="18"
                       label="账号"></van-field>
          </li>
          <li class="input">
            <van-field placeholder="请输入验证码" :value="userInfo.verify_code" maxlength="20" label="验证码"
            ></van-field>
          </li>
          <li class="input">
            <van-field placeholder="请输入密码" :value="userInfo.password" maxlength="20" label="密码"
                       password></van-field>
          </li>
          <li class="input">
            <van-field placeholder="请再次输入密码" :value="userInfo.confirm_password" maxlength="20" label="确认密码"
                       password></van-field>
          </li>
          <li class="msg flexce">
            <text class="msg_input" @click="toLogin">账号密码登录</text>
            <p>|</p>
            <text class="msg_input" @click="toVerifyLogin">验证码登录</text>
            <p>|</p>
            <text class="msg_input" @click="toRegister">快速注册</text>
          </li>
          <li class="anniu  denglu-anniu">
            <view class="button">找回密码</view>
          </li>
        </ul>

      </div>
      <div class="denglu2">


      </div>


    </div>
  </view>
</template>
<script>
export default {
  name: "index",
  data() {
    return {
      userInfo: {
        username: "",
        password: "",
        verify_code: "",
        confirm_password: ""
      }
    }
  },
  methods:{
    toVerifyLogin(){
       mpvue.navigateTo({
        url: "/pages/merchant/verify_login/main",
      });
    },
    toLogin(){
       mpvue.switchTab({
        url: "/pages/merchant/login/main",
      });
    },
    toRegister(){
       mpvue.navigateTo({
        url: "/pages/merchant/register/main",
      });
    },
  }
}
</script>
<style>
@import "index.css";
</style>
